<template>
	<view class="page_box">
		<u-navbar :is-back="true" title="我的案例" v-if="1" :border-bottom="false"></u-navbar>

		<view class="content_box ">
		
			<view class="content-item">
				<view v-for="(item, index) in decoration_list" :key="index" class="list-item">
					<view class="case-img">
						<image :src="item.img" mode="aspectFill" class="img"></image>
					</view>
					<view class="margin-top-sm flex align-center justify-between">
						<view class="left-wid" @click="caseBind">
							<view class="f32 hidden">{{item.title}}</view>
							<view class="flex align-center margin-top-sm">
								<text class="tipc-btn">{{item.lbl}}</text>
								<view class="f24">{{item.tips}}</view>	
							</view>				
						</view>
						<view class="right-wid flex align-center">							
							<u-icon name="edit-pen" color="#717171" size="40" class="ico" @click="editBind"></u-icon>
							<u-icon name="trash" color="#717171" size="40" class="ico" @click="delet_value = true"></u-icon>
						</view>
					</view>
				</view>
			</view>
			<!-- 弹窗 -->
			<u-modal 
				v-model="delet_value" 
				:show-cancel-button="true" 
				title="删除案例" 
				content="是否确认删除案例"
				@confirm="confirm"
			>
			</u-modal>


		</view>

		<yy-login v-if="vuex_login"></yy-login>
		<yy-loading text="加载中.." mask="true" click="true" ref="loading"></yy-loading>
		<u-toast ref="uToast" />
	
	</view>
</template>

<script>
export default {
	data() {
		return {
			decoration_list: [{
				img: 'https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/case.png',
				title: '现代简约低奢风小户型',
				lbl:"日式",
				tips: '3室·260m²|成都|6万',
			},{
				img: 'https://sprtcar.oss-cn-chengdu.aliyuncs.com/home/case.png',
				title: '现代简约低奢风小户型',
				lbl:"日式",
				tips: '3室·260m²|成都|6万',
			}],
			delet_value:false
		};
	},
	onShow() {
		
	},
	onLoad(e) {},
	methods: {
		caseBind(){
			uni.navigateTo({
				url:'../decoration_hall/case_details'
			})
		},
		editBind(){
			uni.navigateTo({
				url:'./rlse_case'
			})
		},
		confirm(){
			uni.showToast({
				title:"删除成功",
				icon:'none'
			})
		}
	}
};
</script>

<style lang="scss" scoped>
.page_box {

}

.content_box {
	.content-item{
		padding-top: 0;
		padding-bottom: 40rpx;
	}
	.list-item{
		padding: 28rpx 0;
		.case-img{
			border-radius: 10rpx;
			width: 100%;
			height: 330rpx;
			overflow: hidden;
			.img{
				width: 100%;
				height: 100%;
			}
		}
		.tipc-btn{
			background: #ffb81e;
			border-radius: 6px;
			padding: 5rpx 18rpx;
			color: white;
			font-size: 22rpx;
			margin-right: 10rpx;
		}
		.left-wid{
			width: 70%;
		}
		.right-wid{
			.ico{
				padding: 0 30rpx;
			}
		}
	}
}
</style>
